<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>本草易</title>
    <meta name="keywords" content="本草易">
    <meta name="description" content="本草易">
    <link rel="stylesheet" href="./styles/normalize.css">
    <link rel="stylesheet" href="./styles/icon_font/iconfont.css">
    <link rel="stylesheet" href="./styles/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="./styles/main.css">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

<body>
    <header>
        <nav class="warp">
            <h1 class="logo fl">本草易</h1>
            <ul class="fr navigation">
                <li class="fl">
                    <a href="#">首页</a>
                </li>
                <li class="fl">
                    <a href="#">关于本草易</a>
                </li>
                <li class="fl partner">
                    <a href="#">合作机会</a>
                    <div class="partner-list">
                        <i>▲</i>
                        <a href="#"><img width="100%" src="./styles/images/partner1.png" /></a>
                        <a href="#"><img width="100%" src="./styles/images/partner.png" /></a>
                    </div>
                </li>
                <li class="fl">
                    <a href="#">产品系列</a>
                </li>
                <li class="fl">
                    <a href="#">联系我们</a>
                </li>
            </ul>
        </nav>
    </header>
    <!--banner start-->
    <section class="banner swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="#">
                    <img width="100%" src="./styles/images/banner.png" />
                </a>
            </div>
            <div class="swiper-slide">
                <a href="#">
                    <img width="100%" src="./styles/images/banner.png" />
                </a>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </section>
    <!--banner end-->
    <main>
        <h2 class="module-title">
            Partner<br/><span>合作机会</span>
        </h2>
        <section class="warp partner  clearfix">
            <div style="margin: 30px 0">
                <h3 style="text-align: center;font-size: 22px;" class="sub-title">B类产地合伙人</h3>
                <br/>
                <h3 class="sub-title">合作方式</h3>
                <p>安装摄像头，进入本草易云仓体系，享受本草易平台的交易撮合服务。</p>
                <h3 class="sub-title">我们的服务</h3>
                <ul class="our-server our-server-b  clearfix">
                    <li>
                        <b>销售渠道<br/>拓展</b>
                        <p>我们拥有专业的销售团队和丰富的下游药厂资源，拓宽您的销售渠道。
                        </p>
                    </li>
                    <li>
                        <b>药材价格<br>行情</b>
                        <p>提供最新的药材价格信息和市场行情。</p>
                    </li>

                    <li>
                        <b class="oneline">本草云仓</b>
                        <p>将您的信息展示到本草云仓，增加产品曝光率。</p>
                    </li>
                    <li>
                        <b class="oneline">远程监控</b>
                        <p>实现远程监控，随时随地查看库存信息</p>
                    </li>
                </ul>
                <h3 class="sub-title">未来的你</h3>
                <p>将拥有丰富的销售渠道资源，实现自身生意做大、做强。</p>
            </div>
        </section>

        <section class="warp">
            <div class="scroll swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <li>
                            <a href="#">
                                <img width="100%" src="./styles/images/product.png" />
                                <p>基地展示</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img width="100%" src="./styles/images/product.png" />
                            </a>
                            <p>基地展示</p>
                        </li>
                        <li>
                            <a href="#">
                                <img width="100%" src="./styles/images/product.png" />
                            </a>
                            <p>基地展示</p>
                        </li>
                        <li>
                            <a href="#">
                                <img width="100%" src="./styles/images/product.png" />
                            </a>
                            <p>基地展示</p>
                        </li>
                    </div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </section>
    </main>
    <footer>
        <section class="warp">
            <a href="#">关于我们</a>
            <a href="#">联系我们</a>
            <a href="#">友情链接</a>
            <a href="#">意见反馈</a>
            <a href="#" style="margin: 0"><span class="icon iconfont icon-iconfontqq"></span></a>
            <a href="#"><span class="icon iconfont icon-weibo"></span></a>
        </section>
    </footer>
    <script src="./js/zepto.min.js"></script>
    <script src="./js/swiper-3.4.2.jquery.min.js"></script>
    <script src="./js/main.js"></script>
</body>

</html>